<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>联系我们－广州七彩网络科技有限公司</title>
  <link rel="stylesheet" href="<?=$cdn_url?>css/amazeui.css" />
  <link rel="stylesheet" href="<?=$cdn_url?>css/common.min.css" />
  <link rel="stylesheet" href="<?=$cdn_url?>css/contact.min.css" />
</head>
<body>
  <div class="layout">
    <div class="layout-header am-hide-sm-only">
      <div class="header-box">
        <?php include_once '_inc.header.html'?>
    </div>
    <div class="m-header">
	<div class="am-g am-show-sm-only">
		<div class="am-u-sm-2">
			<div class="menu-bars">
				<a href="" data-am-offcanvas="{effect: 'push'}"><i class="am-menu-toggle-icon am-icon-bars"></i></a>
				<nav data-am-widget="menu" class="am-menu am-menu-offcanvas1"
					data-am-menu-offcanvas>
					<a href="" class="am-menu-toggle"></a>
					<div class="am-offcanvas">
						<div class="am-offcanvas-bar">
							<ul class="am-menu-nav am-avg-sm-1">
								<li><a href="" title="">首页</a></li>
								<li class="am-parent"><a href="" title="">解决方案</a>
									<ul class="am-menu-sub am-collapse">
										<li><a href="" title="">移动应用</a>
										</li>
										<li><a href="" title="">微信生态</a>
										</li>
										<li><a href="" title="">行业应用</a></li>
									</ul></li>
								<li><a href="" title="">案例精选</a></li>
								<li class="am-parent"><a href="" title="">新闻中心</a>
									<ul class="am-menu-sub am-collapse  ">
										<li><a href="" title="">公司新闻</a></li>
										<li><a href="" title="">行业新闻</a></li>
									</ul></li>
								<li><a href="" title="">关于我们</a></li>
								<li><a href="" title="">加入我们</a></li>
								<li><a href="" title="">联系我们</a></li>
							</ul>
						</div>
					</div>
				</nav>

			</div>
		</div>
		<div class="am-u-sm-5 am-u-end">
			<div class="m-logo">
				<a href="" title=""><img src="<?=$cdn_url?>htmlimg/logo.png" alt=""></a>
			</div>
		</div>
	</div>
</div><div class="layout-container">
      <div class="page-header">
        <div class="am-container">
          <h1 class="page-header-title">联系我们</h1>
        </div>
      </div>
    </div>
    <div class="section">
      <div class="container">
        <div class="section--header">
					<h2 class="section--title">认真做事，小而美！</h2>
					<p class="section--description">集工商、法院、教育等行业软件研发和软件外包、大数据、金融服务业务、IT技术培训等业务的科技企业。 <br/>Small and beautiful。 </p>
	    </div>
        <div class="section-container">
          <div class="am-g">
            <div class="am-u-md-5">
              <ul class="contact-left">
                <li class="contact-box-item">
                  <div class="contact_item">
										<i class="contact_item--icon"><img src="<?=$cdn_url?>htmlimg/telphone.png" style="width: 75px;height: 75px;margin-top: -10px;"/></i>
										<h3 class="contact_item--title">联系我们</h3>
										<p class="contact_item--text">移动电话： <strong>13538886887</strong>,<br> 周一 - 周五, 8:00 - 20:00</p>
									</div>
                </li>
                <li class="contact-item">
                  <div class="contact_item">
										<i class="contact_item--icon"><img src="<?=$cdn_url?>htmlimg/email.png" style="width: 75px;height: 75px;margin-top: -20px;"/></i>
										<h3 class="contact_item--title">发送邮件</h3>
										<p class="contact_item--text">kefu@gz7color.com, <br/>期待您的来信...</p>
									</div>
                </li>
                <li class="contact-item">
                  <div class="contact_item">
										<i class="contact_item--icon"><img src="<?=$cdn_url?>htmlimg/address.png" style="width: 75px;height: 75px;margin-top: -60px;"/></i>
										<h3 class="contact_item--title">公司参观</h3>
										<p class="contact_item--text">广州市天河区燕侨大厦燕岭路89号1209室</p>
									</div>
                </li>
              </ul>
            </div>
              <div class="am-u-md-7">
                <div class="contact-form">
                  <h3 class="contact-form_title">留言给我们</h3>
                  <form class="am-form validateForm" >
                    <div class="am-g">
                      <div class="am-u-md-6">
                        <input type="email" class="" name="realname" id="doc-ipt-email-1" placeholder="姓名">
                      </div>
                      <div class="am-u-md-6">
                        <input type="email" class="" name="email" id="doc-ipt-email-2" placeholder="Email">
                      </div>
                    </div>
                    <div class="am-g">
                      <div class="am-u-md-6">
                        <input type="email" class="" name="telphone" id="doc-ipt-email-3" placeholder="电话">
                      </div>
                      <div class="am-u-md-6">
                        <div class="am-form-group" style="background: #fcfcfc;">
                          <select name="ctype" id="doc-select-1" style="width: 100%;font-size: 16px;line-height: 20px;padding: 15px 20px;border-radius: 3px;color: #262626;border: 2px solid #e9e9e9;">
                            <option value="1">业务咨询</option>
                            <option value="2">合作浅谈</option>
                            <option value="3">投诉建议</option>
                            </select>
                          <span class="am-form-caret"></span>
                        </div>
                      </div>
                    </div>
                    <div class=am-g>
                      <div class="am-u-md-12" style="padding-left: 0.9rem;padding-right:0.9rem;">
                        <div class="am-form-group">
                          <textarea class="" rows="5" name="content" id="doc-ta-1" placeholder="写下你想说的..."></textarea>
                        </div>
                      </div>
                    </div>
                    <div class="am-g">
                      <div class="am-u-md-12">
                        <p><button type="button" id="submitBtn" class="am-btn am-btn-default btn-reguest am-fr btn-fl">提交</button></p>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- alert -->
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">[网站提示信息]</div>
    <div class="am-modal-bd">
      Hello world！
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert1">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">[网站提示信息]</div>
    <div class="am-modal-bd">
      Hello world！
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" onclick="window.location.reload()">确定</span>
    </div>
  </div>
</div><div class="section" style="margin-top:0px;background-image: url('images/pattern-light.png');">
 <div class="container">
   <!--index-container start-->
   <div class="index-container">
     <div class="am-g">
       <div class="am-u-md-4">
         <div class="contact_card">
				<img src="<?=$cdn_url?>htmlimg/telphone.png" style="width: 65px;height: 65px;"/>
				<strong class="contact_card--title">联系我们</strong>
				<p class="contact_card--text">拨打我们的电话<br> <strong>(+86)13538886887</strong> <br> 周一 - 周五, 8:00 - 20:00</p>
			</div>
       </div>
       <div class="am-u-md-4">
         <div class="contact_card">
				<img src="<?=$cdn_url?>htmlimg/email.png" style="width: 65px;height: 65px;"/>
				<strong class="contact_card--title">电子邮箱</strong>
				<p class="contact_card--text">给我们发送电子邮件 <br> <strong><a href="">kefu@gz7color.com</a>,</strong> <br> 我们会尽快回复您.</p>
			</div>
       </div>
       <div class="am-u-md-4">
         <div class="contact_card">
				<img src="<?=$cdn_url?>htmlimg/address.png" style="width: 65px;height: 65px;"/>
				<strong class="contact_card--title">地址信息</strong>
				<p class="contact_card--text">公司办公地址 <br> <strong>燕侨大厦, 广州,</strong> <br> 燕岭路89号1209室</p>
			</div>
       </div>
     </div>
   </div>
   <!--index-container end-->
  </div>
</div>


<?php include_once '_inc.footer.html'?>

<script type="text/javascript">
/*保存*/
$("#submitBtn").click(function(){
	var thisBtn = $(this);
	thisBtn.attr("disabled", true).html("提交中...");
	$.ajax({
		type : "post",
		url : "/contact/save",
		data : $('.validateForm').serialize(),
		dataType : "json",
		success : function(data) {
			if (data.code == 1) {
				myAlert1(data.msg);
			}else{
				myAlert(data.msg);
			}
			thisBtn.attr("disabled", false).html("提交");
		},
		error : function() {
			myAlert('请求异常！请稍后再试或者联系管理员。');
			thisBtn.attr("disabled", false).html("提交");
		}
	});
});

function myAlert(msg){
	$("#my-alert").modal({closeViaDimmer: false});
	$("#my-alert .am-modal-bd").html(msg);
}
function myAlert1(msg){
	$("#my-alert1").modal({closeViaDimmer: false});
	$("#my-alert1 .am-modal-bd").html(msg);
}
</script> 
</body>

</html>